<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../../common/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//Dth HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dth">
<html>
<head>
<title>${good.name}</title>
</head>
<body>

<div class="idear">
	<form id="dd_shop_form" name="dd_shop_form" method="post">
	<div class="idear-left">
		<div class="idear-left-one">
			<div class="img-logo">
				<em>${brand.name }</em>
			</div>
			<div class="idear-left-images">
				<img src="${good.bigImg}" alt="${good.name}" width="440px" height="440px"/>
			</div>
			<ul class="littleimg">
				<c:forEach items="${images}" var="img">
				<li>
					<a href="javascript:viod(0);">
						<img src="${img.middImg}" alt="${img.title}" class="B_blue" />
					</a>
				</li>
				</c:forEach>
			</ul>
			<p class="img-post">
				<a href="" target="_blank"><i class="img-end"></i>分享</a>
				<a href="" target="_blank"><i class="img-end2"></i>收藏商品</a>
			</p>
		</div>
		<div class="idear-left-two">
			<div class="idear-left-two-hd">
				<h3 style="font-weight:bold;">
					${good.name }
				</h3>
				<p>
					商品货号： ${good.code }
				</p>
			</div>
			<ul class="idear-pance" style="margin:0px;height:90px;background:url(${ctx}/resources/images/3.png);">
				<li class="idear-popo">
					<div class="idear-popo-price">
						<span class="idear-price">${good.shopPrice}</span>
						<em class="idear-promo-type">
							市场价：${good.srcPrice}
						</em>
					</div>
				</li>
				<c:if test="${good.goodNum == 0}">
					<li class="idear-clear">
						<div class="postge">
							<span class="spance">商品库存：</span>
							<div class="cont"><span>已售馨</span></div>
						</div>
					</li>
				</c:if>
				<c:if test="${good.goodNum > 0}">
					<li class="idear-clear">
						<div class="postge">
							<span class="spance">商品库存：</span>
							<span class="spance2">${good.goodNum}</span>
							<div class="cont"><span>件</span></div>
						</div>
					</li>
				</c:if>
				<li class="idear-label">本店售价</li>
			</ul>
			<div class="idear-key">
				<div class="idear-sk">
					<div class="tb-sk">
						<dl class="idear-clear idear-prop">
							<dt class="idear-tit">总价：</dt>
							<dd>
								<ul >
									<li style="color:red;font-weight:bold;" id="ALL_AMOUNT"></li>
								</ul>
							</dd>
						</dl>
						<dl class="idear-clear idear-prop">
							<dt class="idear-tit">购买数量：</dt>
							<dd>
								<ul >
									<li>
										<input name="number" onblur="changePrice();" type="text" id="number" value="1" size="4"/>
									</li>
								</ul>
							</dd>
						</dl>
						<div class="idear-action">
							<input type="hidden" id="cart_url" value="" />
							<div class="idear-dil">
								<a href="${ctx}/flow/step1">立刻购买<b></b></a>
							</div>
							<div class="idear-dil2">
								<a href="${ctx}/shopcar/add?goodId=${good.id}">加入购物车<b></b></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="idear-right">
		<div class="idear-adl">
			<s></s>
			<span>其他商品</span>
		</div>
		<div class="idear-ald">
			<div class="idear-cow">
				<ul>
					<li>
						<a href="#">
							<div class="idear-cow-img">
								<img src="${ctx}/resources/images/pic/01.jpg" alt="xxxxx" width="160px" height="160px" />
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	</form>
	
	<div style="width:1190px; margin:20px auto; background:#fff; height:100%; float:left;">
		<ul class="nav nav-tabs" style="margin:10px;">
		  <li class="active"><a href="#goods_info" data-toggle="tab">商品详情</a></li>
		  <li><a href="#goods_attr" data-toggle="tab">属性参数</a></li>
		</ul>
		<div class="tab-content">
			<div id="goods_info" style="width:100%;margin:0px;" class="tab-pane active">
				<div class="img-logo">
					<em>商品详情</em>
				</div>
				<div class="demo clearfix">
					<div id="item_list" style="margin:0 30px;" class="item_list infinite_scroll">
						${desc.descriptionDetail }
					</div>
				</div>
			</div>
			<div id="goods_attr" style="width:100%;margin:0px;" class="tab-pane">
				<div class="img-logo">
					<em>属性参数</em>
				</div>
				<div class="demo clearfix">
					<div id="item_list" style="margin:0 30px;" class="item_list infinite_scroll">
						<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#dddddd">
					  		<!-- {foreach from=$properties item=property_group key=key} -->
					        <tr>
					          <th colspan="2" bgcolor="#FFFFFF">{$key|escape}</th>
					        </tr>
					        <!-- {foreach from=$property_group item=property} -->
					        <tr>
					          <td bgcolor="#FFFFFF" align="left" width="30%" class="f1">[{$property.name|escape:html}]</td>
					          <td bgcolor="#FFFFFF" align="left" width="70%">{$property.value}</td>
					        </tr>
					        <!-- {/foreach}-->
					        <!-- {/foreach}-->
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div style="clear:both;"></div>

</body>
</html>